<div class="scroll">
    <ul class="posts">
    {{#posts}}
        <li class="post type_{{type}}" data-id="{{id}}">
            <div class="clearfix">
                <a href="#{{from.id}}">
                    <img src="https://graph.facebook.com/{{from.id}}/picture" class="post_picture" />
                </a>
                <div class="post_content">
                    <div class="bw clearfix">
                        <div class="mbs">
                            <a href="#{{from.id}}">{{from.name}}</a> 
                            {{#to.data.0}}
                                <span class="light small" style="font-size: 10px;">&nbsp;▶&nbsp;</span> <a href="#{{id}}">{{name}}</a>
                            {{/to.data.0}}
                        </div>
                        {{story}}
                        {{message}}
                        {{&special}}
                        {{#place}}
                            <span class="light">
                            &mdash; at </span> <a href="#{{id}}" class="thin">{{name}}</a>
                        {{/place}}
                        {{#link}}
                            <div class="link mtm">
                                {{#position}}
                                    <a href="{{link}}" target="_blank">
                                        <img src="{{source}}" class="pic_wide" data-link="{{link}}" />
                                    </a>
                                {{/position}}
                                {{^position}}
                                    {{#picture}}
                                        <a href="{{link}}" target="_blank">
                                            <img src="{{picture}}" class="link_picture" data-link="{{link}}" />
                                        </a>
                                    {{/picture}}
                                    <div class="tcell">
                                        <div style="word-break:break-word;">
                                            <a href="{{link}}" target="_blank">{{name}}</a>
                                            {{#caption}}
                                                <div class="mts small light">{{caption}}</div>
                                            {{/caption}}
                                            {{#description}}
                                                <div class="mts small">{{description}}</div>
                                            {{/description}}
                                        </div>
                                    </div>
                                {{/position}}
                            </div>
                        {{/link}}
                        {{^link}}
                            {{#place}}
                                {{#location}}
                                    <img src="http://maps.googleapis.com/maps/api/staticmap?center={{latitude}},{{longitude}}&zoom=14&size=330x120&sensor=false&markers=color:0xB06582%7C{{latitude}},{{longitude}}" width="330" height="120" class="mtm" />
                                {{/location}}
                            {{/place}}
                        {{/link}}
                    </div>
                    {{^hideMeta}}
                        <div class="mtm feedback">
                            <div class="light info">
                                <span class="actions">
                                    {{#canLike}}
                                       <a href="#">Like</a> &middot; 
                                    {{/canLike}}
                                </span>
                                <span class="ago" onclick="window.location.hash='{{id}}'">{{ago}}</span> 
                                {{#application}}
                                    via {{name}}
                                {{/application}}
                            </div>
                            
                                {{>likes}}
                                {{>comments}}
                        </div>
                    {{/hideMeta}}
                </div>
            </div>
        </li>
    {{/posts}}
    {{^posts}}
        <li class="post">Nothing to show, try on <a href="#" onclick="window.open('http://facebook.com/' + window.location.hash.substr(1).split('/')[0]); return false;">full site</a></li>
    {{/posts}}
    </ul>
</div>